<template name="search-bar">
	<view class="search-bar-bg">
		<view class="search-bar-container">
			<text class="text-gray cuIcon-search">{{searchStr}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'search-bar',
		props: {
			searchStr: {
				type: String,
				default: '点击搜索商品'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	.search-bar-bg {
		width: 100%;
		padding: 20upx 0;
		background-color: #FFFFFF;
	}
	
	.search-bar-container {
		font-size: 13px;
		text-align: center;
		width: 96%;
		margin: 0 auto;
		padding-top: 10upx;
		padding-bottom: 10upx;
		border-radius: 20upx;
		background-color: #DDDDDD;
	}
</style>
